{% extends 'base.html' %}
{% block title %}结算成功{% endblock %}
{% block content %}
<style>
    body {
        font-family: 'Arial', sans-serif;
        background-color: #f9f9f9;
        margin: 0;
        padding: 0;
    }

    .container {
        max-width: 600px;
        margin: 50px auto;
        padding: 20px;
        background-color: #ffffff;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        text-align: center;
    }

    h1 {
        color: #4CAF50; /* Green color for success message */
        font-size: 2.5em;
        margin-bottom: 20px;
    }

    p {
        color: #333;
        font-size: 1.2em;
        margin-bottom: 30px;
    }

    a {
        text-decoration: none;
        color: #ffffff;
        background-color: #4CAF50; /* Green button color */
        padding: 10px 20px;
        border-radius: 5px;
        transition: background-color 0.3s ease;
    }

    a:hover {
        background-color: #45a049; /* Darker green on hover */
    }
</style>

<div class="container">
    <h1>结算成功</h1>
    <p>感谢您的购买！</p>
    <a href="{% url 'cart' %}">返回购物车</a>
</div>
{% endblock %}